/* @font-face {
    font-family: 'Messina Sans Book';
    src: url('../fonts/MessinaSans-Book.eot');
    src: url('../fonts/MessinaSans-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-Book.woff2') format('woff2'), url('../fonts/MessinaSans-Book.woff') format('woff'), url('../fonts/MessinaSans-Book.ttf') format('truetype'), url('../fonts/MessinaSans-Book.svg#MessinaSans-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-Bold.eot');
    src: url('../fonts/MessinaSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-Bold.woff2') format('woff2'), url('../fonts/MessinaSans-Bold.woff') format('woff'), url('../fonts/MessinaSans-Bold.ttf') format('truetype'), url('../fonts/MessinaSans-Bold.svg#MessinaSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-BoldItalic.eot');
    src: url('../fonts/MessinaSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-BoldItalic.woff2') format('woff2'), url('../fonts/MessinaSans-BoldItalic.woff') format('woff'), url('../fonts/MessinaSans-BoldItalic.ttf') format('truetype'), url('../fonts/MessinaSans-BoldItalic.svg#MessinaSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans Book';
    src: url('../fonts/MessinaSans-BookItalic.eot');
    src: url('../fonts/MessinaSans-BookItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-BookItalic.woff2') format('woff2'), url('../fonts/MessinaSans-BookItalic.woff') format('woff'), url('../fonts/MessinaSans-BookItalic.ttf') format('truetype'), url('../fonts/MessinaSans-BookItalic.svg#MessinaSans-BookItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-Light.eot');
    src: url('../fonts/MessinaSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-Light.woff2') format('woff2'), url('../fonts/MessinaSans-Light.woff') format('woff'), url('../fonts/MessinaSans-Light.ttf') format('truetype'), url('../fonts/MessinaSans-Light.svg#MessinaSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-LightItalic.eot');
    src: url('../fonts/MessinaSans-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-LightItalic.woff2') format('woff2'), url('../fonts/MessinaSans-LightItalic.woff') format('woff'), url('../fonts/MessinaSans-LightItalic.ttf') format('truetype'), url('../fonts/MessinaSans-LightItalic.svg#MessinaSans-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-RegularItalic.eot');
    src: url('../fonts/MessinaSans-RegularItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-RegularItalic.woff2') format('woff2'), url('../fonts/MessinaSans-RegularItalic.woff') format('woff'), url('../fonts/MessinaSans-RegularItalic.ttf') format('truetype'), url('../fonts/MessinaSans-RegularItalic.svg#MessinaSans-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-Regular.eot');
    src: url('../fonts/MessinaSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-Regular.woff2') format('woff2'), url('../fonts/MessinaSans-Regular.woff') format('woff'), url('../fonts/MessinaSans-Regular.ttf') format('truetype'), url('../fonts/MessinaSans-Regular.svg#MessinaSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-SemiBold.eot');
    src: url('../fonts/MessinaSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-SemiBold.woff2') format('woff2'), url('../fonts/MessinaSans-SemiBold.woff') format('woff'), url('../fonts/MessinaSans-SemiBold.ttf') format('truetype'), url('../fonts/MessinaSans-SemiBold.svg#MessinaSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-SemiBoldItalic.eot');
    src: url('../fonts/MessinaSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-SemiBoldItalic.woff2') format('woff2'), url('../fonts/MessinaSans-SemiBoldItalic.woff') format('woff'), url('../fonts/MessinaSans-SemiBoldItalic.ttf') format('truetype'), url('../fonts/MessinaSans-SemiBoldItalic.svg#MessinaSans-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-Black.eot');
    src: url('../fonts/MessinaSans-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-Black.woff2') format('woff2'), url('../fonts/MessinaSans-Black.woff') format('woff'), url('../fonts/MessinaSans-Black.ttf') format('truetype'), url('../fonts/MessinaSans-Black.svg#MessinaSans-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-BlackItalic.eot');
    src: url('../fonts/MessinaSans-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-BlackItalic.woff2') format('woff2'), url('../fonts/MessinaSans-BlackItalic.woff') format('woff'), url('../fonts/MessinaSans-BlackItalic.ttf') format('truetype'), url('../fonts/MessinaSans-BlackItalic.svg#MessinaSans-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-BlackItalic_1.eot');
    src: url('../fonts/MessinaSans-BlackItalic_1.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-BlackItalic_1.woff2') format('woff2'), url('../fonts/MessinaSans-BlackItalic_1.woff') format('woff'), url('../fonts/MessinaSans-BlackItalic_1.ttf') format('truetype'), url('../fonts/MessinaSans-BlackItalic_1.svg#MessinaSans-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-Black_1.eot');
    src: url('../fonts/MessinaSans-Black_1.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-Black_1.woff2') format('woff2'), url('../fonts/MessinaSans-Black_1.woff') format('woff'), url('../fonts/MessinaSans-Black_1.ttf') format('truetype'), url('../fonts/MessinaSans-Black_1.svg#MessinaSans-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-Bold_1.eot');
    src: url('../fonts/MessinaSans-Bold_1.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-Bold_1.woff2') format('woff2'), url('../fonts/MessinaSans-Bold_1.woff') format('woff'), url('../fonts/MessinaSans-Bold_1.ttf') format('truetype'), url('../fonts/MessinaSans-Bold_1.svg#MessinaSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans Book';
    src: url('../fonts/MessinaSans-Book_1.eot');
    src: url('../fonts/MessinaSans-Book_1.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-Book_1.woff2') format('woff2'), url('../fonts/MessinaSans-Book_1.woff') format('woff'), url('../fonts/MessinaSans-Book_1.ttf') format('truetype'), url('../fonts/MessinaSans-Book_1.svg#MessinaSans-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-BoldItalic_1.eot');
    src: url('../fonts/MessinaSans-BoldItalic_1.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-BoldItalic_1.woff2') format('woff2'), url('../fonts/MessinaSans-BoldItalic_1.woff') format('woff'), url('../fonts/MessinaSans-BoldItalic_1.ttf') format('truetype'), url('../fonts/MessinaSans-BoldItalic_1.svg#MessinaSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-Light_1.eot');
    src: url('../fonts/MessinaSans-Light_1.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-Light_1.woff2') format('woff2'), url('../fonts/MessinaSans-Light_1.woff') format('woff'), url('../fonts/MessinaSans-Light_1.ttf') format('truetype'), url('../fonts/MessinaSans-Light_1.svg#MessinaSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-LightItalic_1.eot');
    src: url('../fonts/MessinaSans-LightItalic_1.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-LightItalic_1.woff2') format('woff2'), url('../fonts/MessinaSans-LightItalic_1.woff') format('woff'), url('../fonts/MessinaSans-LightItalic_1.ttf') format('truetype'), url('../fonts/MessinaSans-LightItalic_1.svg#MessinaSans-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans Book';
    src: url('../fonts/MessinaSans-BookItalic_1.eot');
    src: url('../fonts/MessinaSans-BookItalic_1.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-BookItalic_1.woff2') format('woff2'), url('../fonts/MessinaSans-BookItalic_1.woff') format('woff'), url('../fonts/MessinaSans-BookItalic_1.ttf') format('truetype'), url('../fonts/MessinaSans-BookItalic_1.svg#MessinaSans-BookItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-RegularItalic_1.eot');
    src: url('../fonts/MessinaSans-RegularItalic_1.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-RegularItalic_1.woff2') format('woff2'), url('../fonts/MessinaSans-RegularItalic_1.woff') format('woff'), url('../fonts/MessinaSans-RegularItalic_1.ttf') format('truetype'), url('../fonts/MessinaSans-RegularItalic_1.svg#MessinaSans-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-Regular_1.eot');
    src: url('../fonts/MessinaSans-Regular_1.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-Regular_1.woff2') format('woff2'), url('../fonts/MessinaSans-Regular_1.woff') format('woff'), url('../fonts/MessinaSans-Regular_1.ttf') format('truetype'), url('../fonts/MessinaSans-Regular_1.svg#MessinaSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-SemiBold_1.eot');
    src: url('../fonts/MessinaSans-SemiBold_1.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-SemiBold_1.woff2') format('woff2'), url('../fonts/MessinaSans-SemiBold_1.woff') format('woff'), url('../fonts/MessinaSans-SemiBold_1.ttf') format('truetype'), url('../fonts/MessinaSans-SemiBold_1.svg#MessinaSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Messina Sans';
    src: url('../fonts/MessinaSans-SemiBoldItalic_1.eot');
    src: url('../fonts/MessinaSans-SemiBoldItalic_1.eot?#iefix') format('embedded-opentype'), url('../fonts/MessinaSans-SemiBoldItalic_1.woff2') format('woff2'), url('../fonts/MessinaSans-SemiBoldItalic_1.woff') format('woff'), url('../fonts/MessinaSans-SemiBoldItalic_1.ttf') format('truetype'), url('../fonts/MessinaSans-SemiBoldItalic_1.svg#MessinaSans-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
} */

:root {
    --black-color: #212223;
    --white-color: #ffffff;
    /* --primary-color: #2C2C2C; */
    --primary-color: #2c6bae;
    --secondary-color: #2c6bae;
}

html {
    font-size: 100%;
}

*,
html {
    scroll-behavior: smooth;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

body {
    font-family: 'Messina Sans', sans-serif;
    font-weight: normal;
    color: var(--black-color);
    overflow-x: hidden;
    box-sizing: border-box;
    background-color: var(--white-color);
    font-size: 1.25rem
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    outline: none;
    word-break: break-word;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
}

::-moz-selection {
    color: #ffffff;
    background: #212223
}

::selection {
    color: #ffffff;
    background: #212223
}

h1 {
    font-weight: 900;
    font-size: 3.563rem
}

h2 {
    font-size: 2.125rem;
    font-weight: 600;
    color: var(--primary-color)
}

h2 span {
    color: var(--secondary-color)
}

h3 {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 0.625rem
}

h2 b {
    font-weight: bold;
    font-size: 1.75rem
}

.offcanvas {
    z-index: 10;
}

.form-label {
    margin-bottom: 0.3rem;
}

main,
section,
header,
footer {
    width: 100%
}

.container-fluid {
    width: 100%;
    max-width: 100%;
    padding: 0 3.438rem;
    margin: 0 auto;
}

.container {
    max-width: 75rem;
    padding: 0 0.938rem;
    margin: auto;
    width: 100%
}

.container.container-small {
    max-width: 59.375rem
}

.container.container-wide {
    max-width: 88.438rem
}

.bg-gray {
    background-color: #F6F6F6
}

.sec-pd-90 {
    padding: 5.625rem 0
}

.sec-pd-80 {
    padding: 5rem 0
}

.sec-pd-70 {
    padding: 4.375rem 0
}

.sec-pd-60 {
    padding: 3.75rem 0
}

.sec-pd-50 {
    padding: 3.125rem 0
}

.row.row-wide {
    margin: 0 -2.813rem
}

.row.row-wide>div {
    padding: 0 2.813rem
}

.row.row-wide+.row.row-wide {
    margin-top: 4rem
}

.row.row-wide-60 {
    margin: 0 -3.75rem
}

.row.row-wide-60>div {
    padding: 0 3.75rem
}

.row.row-wide-50+.row.row-wide-50 {
    margin-top: 3.125rem
}

.row-wide p {
    opacity: .7
}

.img-box-1 {
    overflow: hidden;
    border-radius: 1.563rem
}

.img-box-1 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.p-large {
    font-size: 1.3rem;
}

.c-2 {
    color: var(--secondary-color)
}

.white-box-1 {
    background-color: var(--white-color);
    padding: 2.5rem 3.125rem;
    border-radius: 0.5rem;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
    width: 100%
}

.white-box-1 h2 {
    font-size: 1.875rem;
    font-weight: bold;
    margin-bottom: 2.5rem
}

.badge-secondary {
    background-color: var(--secondary-color);
    padding: .4rem 1.7rem;
    display: inline-block !important;
    width: auto !important;
    border-radius: .4rem
}

.no-shadow {
    box-shadow: none;
}

.circle-list li {
    position: relative;
    padding: .1rem 0;
    padding-left: 1.2rem
}

.circle-list li:before {
    position: absolute;
    left: 0;
    height: .5rem;
    width: .5rem;
    border: 2px solid var(--secondary-color);
    border-radius: 100%;
    content: '';
    top: .8rem
}

.opac-full {
    opacity: 1 !important
}

.p-large-2 {
    font-size: 1.5rem
}

.p-large ul li {
    padding-left: 1.2rem;
    position: relative;
    display: block;
}

.p-large ul li:before {
    position: absolute;
    left: 0;
    height: .5rem;
    width: .5rem;
    border: 2px solid var(--secondary-color);
    border-radius: 100%;
    content: '';
    top: .8rem;
}

#success_id {
    border-radius: 10px;
    background: #eafbea;
    font-size: 16px;
    border-width: 1px !important;
    box-shadow: 0 4px 5px rgb(0 0 0 / 10%);
    margin-bottom: 20px;
}

.mt-1 #success_id {
    margin-top: -0.25rem !important;
}

.btn,
.btn:hover,
.btn:focus,
button:focus {
    outline: 0;
    box-shadow: none !important;
}

.btn {
    font-size: 1.125rem;
    padding: 0.6rem 2rem;
    border-radius: 0.5rem
}

.btn.btn-secondary {
    background-color: var(--secondary-color);
    color: var(--white-color);
    border: 1px solid var(--secondary-color);
}

.btn.btn-secondary:hover {
    background-color: #6ca6eb;
}

.btn.btn-outline-primary {
    border-color: var(--white-color);
    color: var(--white-color)
}

.btn.btn-outline-primary:hover {
    border-color: var(--white-color);
    color: var(--secondary-color);
    background-color: var(--white-color)
}

.btn.btn-outline-secondary {
    border: 1.5px solid #2C2C2C;
    color: #2C2C2C
}

.btn.btn-outline-secondary:hover {
    background-color: #2C2C2C;
    color: var(--white-color)
}

.btn.m165 {
    min-width: 10.313rem;
    text-align: center;
}

.btn.btn-success {
    background-color: #14A50F;
    border-color: #14A50F
}

.btn.btn-success:hover {
    opacity: 0.8
}

form {
    width: 100%
}

label {
    font-size: 1.125rem
}

.form-1 .form-check label {
    font-size: 1rem;
    padding-left: 1rem;
    padding-top: .3rem
}

.form-1 .form-check label a {
    font-weight: 600;
}

.form-1 .form-control,
.form-1 .form-select {
    height: 3.25rem;
    border-radius: 0.5rem;
    font-size: 1.125rem;
    padding: .7rem 1.25rem;
    box-shadow: none !important;
}

.form-1 .form-control::placeholder,
.form-1 .form-select::placeholder {
    color: rgba(0, 0, 0, 0.45)
}

.form-1 .form-control:focus,
.form-1 .form-select:focus {
    border-color: var(--primary-color)
}

.form-1 .form-check .form-check-input {
    border: 1.5px solid #707070;
    height: 1.688rem;
    width: 1.688rem;
    min-width: 1.688rem;
    border-radius: 2px;
    box-shadow: none !important;
}

.form-1 .form-check-input:checked {
    background-color: #ffffff;
    background-size: 0.819rem auto;
    background-image: url('../images/check.svg');
    background-position: center;
    background-repeat: no-repeat;
}

.form-1 textarea.form-control {
    height: 11.875rem;
    resize: none;
}

.form-1 .form-check {
    display: flex;
}

.date-icon::-webkit-calendar-picker-indicator {
    opacity: 0
}

.date-icon {
    background-repeat: no-repeat;
    background-size: 1.169rem auto;
    background-position: right 1.5rem center;
    background-image: url('../images/date-icon.svg');
    padding-right: 3rem
}

.date-icon[type="text"] {
    padding-right: 4rem
}

select,
option {
    font-family: 'Messina Sans', sans-serif;
}

.icon-input-search {
    background-image: url('../images/search-icon.svg');
    background-repeat: no-repeat;
    background-size: 1.08rem auto;
    background-position: left 1.2rem center;
    padding-left: 3rem
}

.icon-input-country {
    background-image: url('../images/country-icon.svg'), url('../images/down-arrow.svg');
    background-repeat: no-repeat;
    background-size: 1.02rem auto, 0.976rem auto;
    background-position: left 1.2rem center, right 1.4rem center;
    padding-right: 2rem;
    padding-left: 3rem
}

.icon-input-institute {
    background-image: url('../images/institute-icon.svg'), url('../images/down-arrow.svg');
    background-repeat: no-repeat;
    background-size: 1.013rem auto, 0.976rem auto;
    background-position: left 1.2rem center, right 1.4rem center;
    padding-right: 2rem;
    padding-left: 3rem
}

.header {
    width: 100%;
}

.header .top-header {
    background-color: var(--primary-color);
    padding: 0.4rem 0;
    font-size: 0.938rem;
    color: var(--white-color)
}

.dtlist li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dtlist li a:after {
    position: relative;
    content: '';
    height: 0.375rem;
    width: 0.375rem;
    background-color: var(--white-color);
    opacity: .3;
    display: block;
    border-radius: 100%;
    margin: 0 1.25rem
}

.dtlist li:last-child a:after {
    display: none;
}

.header .top-header .btn {
    background-color: var(--secondary-color);
    color: var(--white-color);
    border-radius: 4rem;
    padding: .1rem 0.938rem;
    margin-left: 1.6rem;
    font-size: 0.938rem;
}

.header .top-header .btn:hover {
    background-color: var(--white-color);
    color: var(--secondary-color)
}

.header .bottom-header {
    background-color: var(--white-color);
    padding: 1.563rem 0;
}

.header .nv-list a {
    padding: .5rem 1.25rem;
    color: var(--black-color);
}

.header .nv-list a:hover {
    color: var(--secondary-color)
}

.header .dropdown-toggle:after {
    content: '';
    border: 0;
    height: .5rem;
    width: .5rem;
    border-top: 1px solid var(--black-color);
    border-right: 1px solid var(--black-color);
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    opacity: .5
}

.header .dropdown-menu {
    border-radius: 4px;
    background: #fff;
    width: max-content;
    padding: 0 1.25rem;
    box-shadow: 0 6px 28px rgba(0, 0, 0, .16);
    border: 0;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    -ms-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    top: 100% !important
}

.header .dropdown-menu li:not(:last-child) {
    border-bottom: solid 1px #E5E5E5
}

.header .dropdown-menu li a {
    font-size: 1.063rem;
    padding: 1rem 0;
    background-color: transparent !important;
}

.header .logo img {
     width: 16.484rem 
}

.header .menu-btn {
    background: var(--secondary-color);
    padding: .2rem .7rem;
    border-radius: .4rem;
    font-size: 1.25rem;
}

.header .menu-btn img {
    width: 2rem;
}

.header .nv-list>li {
    position: relative;
}

.header .nv-list>li.active:after {
    width: 1.25rem;
    height: 2px;
    border-radius: 1rem;
    content: '';
    left: 1.25rem;
    bottom: -.3rem;
    background-color: var(--secondary-color);
    position: absolute;
}

.header .nv-list>li.active a {
    color: var(--secondary-color)
}

.header .nv-list .sub-menu-toggle {
    display: none !important;
}

.header .nv-list .menu-item-has-children>a:after {
    content: '';
    border: 0;
    height: .5rem;
    width: .5rem;
    border-top: 1px solid var(--black-color);
    border-right: 1px solid var(--black-color);
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    opacity: .5;
    display: inline-block;
    margin-left: .5rem;
    vertical-align: .4rem;
}

.header .nv-list .menu-item-has-children .sub-menu {
    border-radius: 4px;
    background: #fff;
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    width: max-content;
    padding: 0 1.25rem;
    box-shadow: 0 6px 28px rgba(0, 0, 0, .16);
    border: 0;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    -ms-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    top: 100% !important;
}

.header .nv-list .menu-item-has-children .sub-menu li a {
    font-size: 1.063rem;
    padding: 1rem 0;
    background-color: transparent !important;
    color: var(--black-color);
    display: flex;
    align-items: center;
}

.header .nv-list .menu-item-has-children .sub-menu li:not(:last-child) {
    border-bottom: solid 1px #E5E5E5;
}

.header .nv-list .menu-item-has-children .sub-menu li.speak-us-menu a:before {
    margin-right: 1rem;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.563rem auto;
    background-image: url('../images/speak-now.svg');
    width: 1.563rem;
    min-width: 1.563rem;
    height: 1.563rem;
    min-height: 1.563rem;
}

.header .nv-list .menu-item-has-children .sub-menu li.contact-us-menu a:before {
    margin-right: 1rem;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.3rem auto;
    background-image: url(../images/contact-menu-icon.svg);
    width: 1.563rem;
    min-width: 1.563rem;
    height: 1.563rem;
    min-height: 1.563rem;
}

.header .nv-list .menu-item-has-children .sub-menu li.book-a-call-vc a:before {
    margin-right: 1rem;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.3rem auto;
    background-image: url(../images/speak-now.svg);
    width: 1.563rem;
    min-width: 1.563rem;
    height: 1.563rem;
    min-height: 1.563rem;
}

.header .nv-list .menu-item-has-children .sub-menu li.menu-item-7615 a:before,
.header .nv-list .menu-item-has-children .sub-menu li.menu-item-7616 a:before,
.header .nv-list .menu-item-has-children .sub-menu li.menu-item-7617 a:before,
.header .nv-list .menu-item-has-children .sub-menu li.menu-item-7625 a:before {
    margin-right: 1rem;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.3rem auto;
    background-image: url(../images/speak-now.svg);
    width: 1.563rem;
    min-width: 1.563rem;
    height: 1.563rem;
    min-height: 1.563rem;
}

.header .nv-list .menu-item-has-children:not(:hover) .sub-menu {
    display: none;
}

.header .nv-list .menu-item-has-children:hover a {
    color: var(--secondary-color)
}

.header .nv-list .menu-item-has-children:hover>a:after {
    border-top: 1px solid var(--secondary-color);
    border-right: 1px solid var(--secondary-color);
}

.header .nv-list .current_page_item a {
    color: var(--secondary-color)
}

.header .nv-list .menu-item-has-children .sub-menu li:hover a {
    color: var(--secondary-color)
}

.home-banner {
    width: 100%
}

#homeslider .carousel-item {
    padding: 9.875rem 0 13.25rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
}

#homeslider .carousel-item:before {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: .5;
    position: absolute;
    content: '';
}

#homeslider .carousel-item .container {
    position: relative;
}

.home-banner .btn-sec,
#homeslider .carousel-item h1+p {
    padding-top: 1.25rem
}

.home-banner .btn-sec .btn {
    margin-right: 1.4rem;
    text-align: center;
    min-width: 9.75rem
}

#homeslider .carousel-item {
    background-color: var(--primary-color);
    color: var(--white-color)
}

.bottom-banner {
    width: 100%;
    position: relative;
    z-index: 9;
    margin-top: -8.313rem
}

.bottom-banner .input-group {
    background-color: var(--white-color);
    box-shadow: 0 9px 10px rgba(0, 0, 0, 0.07);
    overflow: hidden;
    height: 4.625rem;
    border-radius: 0.625rem
}

.bottom-banner .input-group .form-control,
.bottom-banner .input-group .form-select {
    color: #A1A1A1;
    font-size: 1.125rem;
    border-radius: 0;
    border: 0;
    border-right: 1px solid #E9E9E9;
    margin: 0 !important;
    height: 2.188rem;
    align-self: center;
    box-shadow: none !important;
}

.bottom-banner .input-group .btn {
    min-width: 10.125rem;
    text-align: center;
    font-size: 1.25rem
}

.slider-first {
    width: 100%;
    padding-bottom: 1rem;
}

.slider1 {
    margin: 0 -0.8rem;
    width: auto;
}

.slider1 .item {
    padding: 0.8rem
}

.slider-1-box {
    width: 100%;
    border-radius: 0.5rem;
    overflow: hidden;
    border: 1px solid #E1E1E1;
    cursor: pointer;
    background-color: var(--white-color);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    min-height: 100%;
}

.slider-1-box:hover {
    box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.15)
}

.slider-1-box .img-box {
    height: 14.375rem;
    width: 100%;
    overflow: hidden;
}

.slider-1-box.large .img-box {
    height: 20.313rem;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.slider-1-box .img-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.slider-1-box .info-box {
    text-align: center;
    width: 100%;
    padding: 1.8rem 1.9rem;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between !important;*/
    flex-direction: column;
    flex: 1 1 auto;
    align-items: flex-start;
}

.slider-1-box .info-box p {
    font-size: 1rem;
    opacity: .7;
    padding-bottom: .5rem;
    width: 100%;
}

.stdesign .slider-1-box .info-box p {
    margin-bottom: 0;
    padding-bottom: 0
}

.slider1 .owl-item.active:not(.cloned) {
    padding-left: .5rem
}

.slider-1-box .info-box p+a {
    align-self: flex-end;
}

.slider-1-box .info-box h3 {
    width: 100%;
}

.slider-1-box .info-box.justify-content-start h3 {
    text-align: left;
}

.slider1 .owl-nav {
    position: absolute;
    top: -4rem;
    right: 0.8rem;
    font-size: 0;
}

.slider1 .owl-nav button {
    margin-left: 1rem;
    color: var(--black-color);
    opacity: 1;
    height: 2.563rem;
    width: 2.563rem;
    border-radius: 100%;
    background-repeat: no-repeat !important;
    background-size: 0.56rem auto !important;
    background-position: center !important;
}

.slider1 .owl-nav button.owl-prev {
    background-color: #ECECEC !important;
    background-image: url('../images/owl-prev-icon.svg') !important;
}

.slider1 .owl-nav button.owl-next {
    background-color: #ECECEC !important;
    background-image: url('../images/owl-next-icon.svg') !important;
}

.slider1 .owl-nav button.owl-prev:hover {
    background-color: var(--primary-color) !important;
    background-image: url('../images/owl-prev-icon-2.svg') !important;
}

.slider1 .owl-nav button.owl-next:hover {
    background-color: var(--primary-color) !important;
    background-image: url('../images/owl-next-icon-2.svg') !important;
}

.slider1 .owl-nav button span {
    display: none;
}

.slider1 .owl-nav button:hover {
    opacity: 1;
    color: var(--primary-color)
}

.slider1 .owl-stage,
.slider1 .owl-item,
.slider1 .item {
    display: flex;
}

.slider1 .btn {
    border: 1.5px solid #ECECEC;
    text-align: center;
    width: 100%;
    display: block;
    font-size: 1rem;
    text-transform: uppercase;
    color: #919191;
    margin-top: auto;
    align-self: flex-end;
}

.slider1 .btn:hover {
    background-color: var(--secondary-color);
    color: var(--white-color);
    border-color: var(--secondary-color)
}

.slider-1-box.large h3 {
    font-weight: 600;
    font-size: 1.5rem;
    text-align: left;
}

.tag-1 {
    position: absolute;
    right: 1.688rem;
    color: var(--white-color)
}

.tag-1 .t-content {
    position: relative;
    z-index: 9;
    padding: 0.75rem;
    display: block;
    width: 4rem
}

.tag-1 .top-text {
    font-weight: 600;
    font-size: 1.5rem;
    display: block;
    text-align: center;
    line-height: 1;
}

.tag-1 .bottom-text {
    font-weight: normal;
    font-size: 0.75rem;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

.tag-1:before {
    content: '';
    border: 2rem solid var(--secondary-color);
    border-bottom: 2rem solid transparent;
    position: absolute;
    border-top: 4rem solid var(--secondary-color)
}

.info-box.justify-content-start p {
    text-align: left;
}

.slider-1-box:not(.large) .info-box.justify-content-start a {
    color: var(--secondary-color);
    padding: 0;
    font-weight: 600;
    font-size: 1.063rem;
    padding: .3rem 0 .02rem;
    border-bottom: 1px solid var(--secondary-color);
    border-radius: 0;
}

.testimonial-slider {
    width: 100%;
    max-width: 57.5rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: 1.563rem;
    background-color: rgba(0, 0, 0, 0.04);
    margin-top: 3.5rem;
    position: relative;
    margin-bottom: 2.5rem
}

.testimonial-slider .item .box-1 {
    position: relative;
    width: 100%;
    padding: 2rem 3.125rem;
}

.testimonial-slider:after {
    content: '';
    position: absolute;
    top: -2rem;
    height: 4.063rem;
    width: 4.063rem;
    border-radius: 100%;
    background-color: #F6F6F6;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.125rem auto;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background-image: url('../images/quote.png');
}

.testimonial-slider .item .box-1 p {
    text-align: center;
    opacity: .75
}

.p-box {
    margin-top: 1.2rem
}

.p-box .img-sec {
    height: 4.5rem;
    width: 4.5rem;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 1rem;
    display: block;
}

.p-box .img-sec img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.p-box .p-des {
    font-size: 1rem;
    opacity: .7
}

.testimonial-slider .owl-nav {
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    left: 0;
    opacity: .5
}

.testimonial-slider .owl-nav button {
    height: 2rem;
    width: 2rem;
    background-repeat: no-repeat;
    background-size: 2rem auto !important;
    background-position: center;
    margin: 2rem 1.063rem;
}

.testimonial-slider .owl-nav button span {
    display: none;
}

.testimonial-slider .owl-nav button.owl-prev {
    background-image: url('../images/long-arrow-left.svg') !important;
}

.testimonial-slider .owl-nav button.owl-next {
    background-image: url('../images/long-arrow-right.svg') !important;
}

.speak-box {
    width: 100%;
    border: 1px solid #B8B8B8;
    border-radius: 1.2rem;
    overflow: hidden;
    margin-bottom: 3rem
}

.speak-box .right-sec {
    overflow: hidden;
}

.speak-box .left-sec {
    padding: 1.563rem 3.125rem
}

.logo-sec {
    width: 100%;
}

.logo-sec .item {
    padding: .3rem 15px;
    text-align: center;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-sec .item img {
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.subscription-box {
    position: relative;
    width: 100%;
    padding: 4.375rem 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url('../images/subscribe-img.jpg');
    text-align: center;
}

.subscription-box:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #2C2C2C;
    opacity: .8
}

.subscription-box .container {
    max-width: 41.563rem;
    position: relative;
    z-index: 9;
}

.subscription-box p,
.subscription-box h2 {
    color: var(--white-color)
}

.subscription-box h2 {
    font-size: 2.125rem;
    margin-bottom: 1.2rem
}

.subscription-box p {
    font-size: 1.125rem
}

.subscription-box .form-control {
    border: 0;
    border-radius: 0.5rem;
    font-size: 1.125rem;
    color: #2C2C2C;
    padding-left: 3.625rem;
    background-repeat: no-repeat;
    background-position: left 1.25rem center;
    background-size: 1.375rem auto;
    background-image: url('../images/mail-icon.svg');
}

.subscription-box .form-control::placeholder {
    color: rgba(44, 44, 44, .7)
}

.subscription-box .form-control:focus {
    box-shadow: none;
    border: 0;
}

.footer {
    background-color: #2C2C2C
}

.footer .top-footer {
    width: 100%;
    padding: 2.5rem 0;
}

.footer .top-footer p,
.footer .top-footer a {
    color: rgba(255, 255, 255, .75);
    font-size: .98rem
}

.footer .top-footer h4 {
    color: var(--white-color);
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
    font-weight: 600
}

.footer .top-footer .container {
    max-width: 83.25rem
}

.footer .copyright {
    padding: 2rem 0;
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
    font-size: 0.875rem
}

.footer .copyright p,
.footer .copyright p a {
    margin: 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.875rem
}

.footer .top-footer a:hover,
.footer .copyright a:hover {
    color: var(--white-color)
}

.footer .top-footer a .ico-sec {
    flex: 0 0 2rem
}

.footer .top-footer .logo-white img {
    width: 13.299rem
}

.sidebar-fixed {
    position: fixed;
    z-index: 99;
    right: 16px;
    bottom: 90px;
}

.sidebar-fixed a {
    padding: 0.625rem 0;
    display: block;
}

.sidebar-fixed img {
    display: block;
    height: 60px;
    width: 60px;
    margin: auto;
}

.social-bar img {
    height: 1.359rem
}

.footer .top-footer ul li {
    line-height: 1.3;
    padding: .3rem 0
}

.breadcrumb-nav {
    background-color: #E8E8E8;
    padding: 1rem 0;
    width: 100%
}

.breadcrumb-nav .breadcrumb {
    margin: 0
}

.breadcrumb-nav .breadcrumb-item {
    font-size: 1rem
}

.home-icon {
    width: 1.05rem;
    filter: invert(1);
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .8rem;
}

.breadcrumb-item {
    font-size: 1rem;
    font-weight: 300;
    display: flex;
    align-items: center;
}

.breadcrumb-item+.breadcrumb-item:before {
    float: left;
    padding-right: .8rem;
    color: var(--primary-color);
    opacity: .6;
    font-size: 1.2rem;
    font-family: monospace;
    font-weight: 100;
}

.inner-banner .breadcrumb-nav {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: .7
}

.inner-banner .home-icon {
    filter: invert(0);
}

.inner-banner .breadcrumb-item+.breadcrumb-item:before {
    color: var(--white-color);
    opacity: 1
}

.inner-banner .breadcrumb-item {
    color: var(--white-color)
}

.inner-banner {
    width: 100%;
    position: relative;
    min-height: 22.813rem;
    padding: 10rem 0;
    display: flex;
    align-self: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.inner-banner:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--primary-color);
    opacity: .6
}

.inner-banner .container {
    position: relative;
    z-index: 9;
}

.inner-banner h1 {
    color: var(--white-color);
    font-weight: bold;
    font-size: 2.5rem;
    margin: 0;
}

.inner-banner h2 {
    color: var(--white-color);
    font-size: 1.625rem;
    font-weight: 600;
    margin-top: 1.625rem;
    margin-bottom: 0
}

.inner-banner h2 span {
    color: var(--white-color);
    display: block;
    line-height: 1.6
}

.inner-banner {
    min-height: 1px;
    padding: 6rem 0;
}

.grid-box {
    background-color: #F6F6F6;
    border-radius: 1.563rem;
    padding: 2.188rem 1.563rem;
    width: 100%
}

.grid-box .img-sec img {
    height: 3.813rem;
}

.grid-box .img-sec {
    margin-bottom: 1.563rem;
}

.grid-box h3 {
    font-size: 1.875rem;
    font-weight: 600;
    margin-bottom: 1.563rem
}

.grid-box {
    font-size: 1.125rem;
}

.grid-box p {
    margin-bottom: 0
}

.grid-box ul li {
    position: relative;
    padding: .1rem 0;
    padding-left: 1.2rem
}

.grid-box ul li:before {
    position: absolute;
    left: 0;
    height: .5rem;
    width: .5rem;
    border: 2px solid var(--secondary-color);
    border-radius: 100%;
    content: '';
    top: .8rem
}

.row.gallery-row {
    margin: 0 -1.5px
}

.row.gallery-row>div {
    padding: 1.5px;
}

.gallery-box {
    width: 100%;
    display: block;
    height: 18.125rem;
    position: relative;
}

.gallery-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.gallery-box:before {
    transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(165, 15, 27, .8);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../images/plus-icon.svg');
    background-size: 2.938rem auto;
    opacity: 0
}

.gallery-box:hover:before {
    opacity: 1;
}

.blog-profile .img-box {
    border-radius: 100%;
    height: 3.125rem;
    width: 3.125rem;
    flex: 0 0 3.125rem;
    min-width: 3.125rem;
    margin-right: 1rem;
    overflow: hidden;
}

.blog-profile .img-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.blog-row h2 {
    font-size: 1.875rem;
    font-weight: 600;
    margin-bottom: 1.25rem
}

.blog-row h3 {
    font-size: 1.50rem;
    font-weight: 600;
    margin-bottom: 0.5rem
}

.blog-row h4 {
    font-size: 1.10rem;
    font-weight: 600;
    margin-bottom: 0.5rem
}

.blog-row h5 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem
}

.blog-profile .title-1 {
    color: #565758;
    font-weight: 600;
    font-size: 1.125rem
}

.blog-profile .des {
    font-size: 1rem;
    font-family: 'Messina Sans Book';
}

.blog-info-1 .seen {
    font-size: 1rem;
    font-family: 'Messina Sans Book';
}

.blog-info-1 {
    margin-bottom: 1rem
}

.blog-row .blog-image {
    height: 21.875rem;
    width: 100%;
    overflow: hidden;
    width: 100%;
    margin-bottom: 1.25rem
}

.blog-row .blog-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.blog-row .description-box p {
    font-size: 1.125rem
}

.spinner-border {
    border: .15rem solid currentColor;
    border-right-color: transparent;
    width: 1.875rem;
    height: 1.875rem;
}

.blog-sidebar h3 {
    font-weight: bold;
    color: var(--secondary-color);
    font-size: 1.375rem;
    text-transform: uppercase;
    margin-bottom: 1.375rem
}

.blog-sidebar-list {
    display: block;
    width: 100%
}

.blog-sidebar-list li {
    width: 100%;
    font-size: 0.938rem
}

.blog-sidebar-list li+li {
    margin-top: 2.188rem
}

.blog-sidebar-list .image-box {
    overflow: hidden;
    width: 100%;
    height: 10.938rem;
    margin-bottom: 1rem
}

.blog-sidebar-list .image-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.blog-sidebar-list h4 {
    font-weight: 600;
    color: var(--primary-color);
    font-size: 1rem;
    margin-bottom: 0.75rem
}

.blog-sidebar-list a:hover h4 {
    color: var(--secondary-color)
}

.blog-details h1 {
    font-weight: bold;
    font-size: 2.5rem;
    margin-bottom: 2.188rem
}

.blog-details .blog-image {
    height: 35rem;
    margin-bottom: 2.813rem
}

.blog-details .description-box p,
.blog-details .description-box ul,
.blog-details .description-box ol {
    font-size: 1.125rem;
    margin-bottom: 2rem;
}

.blog-details .description-box p a,
p a {
    color: var(--secondary-color)
}

.blog-details .description-box ul li {
    position: relative;
    padding: .1rem 0;
    padding-left: 1.2rem;
    font-size: 1.125rem;
}

.blog-details .description-box ul li:before {
    position: absolute;
    left: 0;
    height: .5rem;
    width: .5rem;
    border: 2px solid var(--secondary-color);
    border-radius: 100%;
    content: '';
    top: .8rem
}

.blog-details .description-box ul ul {
    margin-bottom: 0;
}

.older-btn {
    opacity: .5;
}

.older-btn,
.newer-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.older-btn:hover,
.newer-btn:hover {
    background-color: transparent !important;
    color: var(--primary-color) !important
}

.older-btn:before {
    content: '';
    width: 1.625rem;
    height: 0.787rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-image: url('../images/arrow-left-long.svg');
    margin-right: 1rem
}

.newer-btn:after {
    content: '';
    width: 1.625rem;
    height: 0.787rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-image: url('../images/arrow-right-long.svg');
    margin-left: 1rem
}

.accordion-button {
    background: #F6F6F6;
    padding: 1.25rem 2.5rem;
    font-size: 1.375rem;
}

.accordion-item {
    margin-bottom: 0.625rem;
    border: 1px solid #E1E1E1 !important;
    border-radius: 0.5rem !important;
    overflow: hidden;
}

.accordion-button:not(.collapsed) {
    background-color: var(--primary-color);
    color: var(--white-color);
    font-weight: 600;
}

.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}

.accordion-body {
    padding: 1.188rem 1.5rem;
    color: #646565;
    font-size: 1.1rem;
}

.us-links h3 {
    font-size: 1.375rem;
    font-weight: bold;
    margin-bottom: 1.25rem
}

.us-links {
    display: block;
    width: 100%;
    padding-left: 1.875rem
}

.us-links li {
    width: 100%;
    position: relative;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #ECECEC;
}

.us-links li p {
    margin-bottom: 0;
}

.us-links li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0
}

.us-links li:before {
    content: '';
    height: 0.813rem;
    width: 0.813rem;
    border-radius: 100%;
    display: block;
    position: absolute;
    left: -1.875rem;
    top: .45rem;
    border: 2px solid #AAAAAA;
    background-color: var(--white-color);
    z-index: 9
}

.us-links li:after {
    background-color: #E5E5E5;
    bottom: -2rem;
    top: 0.7rem;
    left: -1.45rem;
    width: 1px;
    position: absolute;
    content: '';
}

.us-links li:last-child:after {
    display: none;
}

.spk-top-box {
    margin-top: -3.125rem;
    position: relative;
    z-index: 9;
}

.contact-section .black-box {
    background-color: var(--primary-color);
    width: 100%;
    color: var(--white-color);
    border-bottom-right-radius: 0.5rem;
    padding: 2.5rem 3.438rem;
    font-size: 1.125rem
}

.contact-section .black-box h2 {
    color: var(--white-color);
    font-size: 1.875rem;
    font-weight: bold;
    margin-bottom: 2.5rem;
    display: block;
}

.contact-section .black-box>ul>li {
    margin-bottom: 3.125rem
}

.contact-section .black-box h3 {
    color: var(--white-color);
    font-size: 1.375rem;
    display: block;
}

.contact-section .black-box .ico-sec {
    min-width: 1.5rem
}

.contact-section .black-box h4 {
    font-size: 1.125rem;
    color: var(--white-color);
    font-weight: 600;
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-bottom: 0;
    padding-right: .7rem
}

.contact-section .black-box .list-inner .right-sec {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    padding-bottom: 1rem;
    margin-bottom: 1rem
}

.contact-section .black-box .list-inner .icon-sec {
    min-width: 1.6rem
}

.contact-section .black-box .list-inner p {
    margin-bottom: 0
}

.badge-1 {
    background-color: var(--secondary-color);
    font-size: 0.813rem;
    font-weight: normal;
    color: var(--white-color);
    padding: .2rem .8rem;
    border-radius: .2rem
}

.contact-section .spk-top-box .white-box-1 {
    border-bottom-right-radius: 0;
}

.featuredcourse_link {
    display: block;
    width: 100%;
    clear: both;
    padding-top: 0.938rem;
}

.featuredcourse_link a {
    display: inline-block;
    color: #2C2C2C;
    border-bottom: solid 1px;
    background: url(../images/features_icon.svg) right center no-repeat;
    padding-right: 1.125rem;
    font-size: 1rem;
    line-height: normal;
    transition: all 0.1s ease-in-out 0s;
    -webkit-transition: all 0.1s ease-in-out 0s;
}

.featuredcourse_link a:hover {
    padding-right: 1.25rem;
}

.course_list {
    margin-bottom: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    background: #fff;
    border-radius: 0;
    padding: 1.875rem;
}

.course_list:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.course_img_part {
    width: 20.313rem;
}

.course_img_part img {
    width: 100%;
    height: 13.75rem;
    object-fit: cover;
}

.course_info_part {
    width: 70%;
    padding-left: 1.875rem;
    position: relative;
}

.course_titlePart {
    display: block;
    /*width: 100%; padding-right: 10rem; */
}

.course_titlePart h3 {
    display: block;
    font-size: 1.625rem;
    font-weight: 600;
    margin-bottom: 2px;
}

.course_titlePart span {
    display: inline-block;
    font-size: 1.125rem;
}

.course_titlePart strong {
    display: inline-block;
    font-size: 1.063rem;
    padding-left: 1.625rem;
    margin-left: 0.938rem;
    background: url(../images/course_location.svg) 0 0 no-repeat;
    background-size: 1.4rem auto;
}

.listinfos {
    display: block;
    width: 100%;
    clear: both;
    margin-top: 1.563rem;
    border-bottom: solid 1px #E6E6E6;
}

.listinfos ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.listinfos ul li {
    padding: 0 1.25rem 1.25rem 1.25rem;
    background: url(../images/list_bg.svg) right bottom no-repeat;
    font-size: 1rem;
    flex-grow: 1;
}

.listinfos ul li:last-child {
    background: none;
    padding-right: 0;
}

.listinfos ul li:first-child {
    padding-left: 0;
}

.listinfos ul li span {
    display: block;
    width: 100%;
}

.bottomcourselist {
    display: block;
    width: 100%;
    font-size: 1rem;
    margin-top: 0.938rem;
}

.bottomcourselist label {
    font-size: 0.938rem;
    font-weight: 600;
    width: 100%;
    display: block;
    padding-bottom: 3px;
}

.bottomcourselist div {
    display: inline-block;
}

.bottomcourselist div+div {
    margin-left: 2.5rem;
}

.bottomcourselist div strong {
    margin-left: 0.938rem;
}

.course_list .btn {
    font-size: 0.938rem;
    padding-left: 1.563rem;
    padding-right: 1.563rem;
    /*position: absolute; top: 0; right: 0; z-index: 1;*/
}

.btn-grp-course {
    flex: 0 0 auto
}

.btn-grp-course .btn:not(:last-child) {
    margin-right: 1rem
}

.pagination {
    clear: both;
    margin-top: 1.875rem;
}

.pagination.text-right {
    justify-content: flex-end;
}

.pagination ul {
    margin: 0;
    padding: 0;
}

.pagination ul li {
    display: inline-block;
}

.pagination ul a {
    display: inline-block;
}

.pagination ul span {
    display: inline-block;
}

.pagination ul a+a {
    margin-left: 3px;
}

.pagination ul li a {
    font-size: 1rem;
    display: inline-block;
    background: #fff;
    padding: 0.313rem 0.75rem;
    min-width: 2.125rem;
    text-align: center;
    border: solid 1px #C8C8C8;
    border-radius: 0.375rem;
}

.pagination ul a {
    font-size: 1rem;
    display: inline-block;
    background: #fff;
    padding: 0.313rem 0.75rem;
    min-width: 2.125rem;
    text-align: center;
    border: solid 1px #C8C8C8;
    border-radius: 0.375rem;
}

.pagination ul span {
    font-size: 1rem;
    display: inline-block;
    background: #fff;
    padding: 0.313rem 0.75rem;
    min-width: 2.125rem;
    text-align: center;
    border: solid 1px #C8C8C8;
    border-radius: 0.375rem;
}

.pagination ul li a:hover {
    background: #ddd;
}

.pagination ul a:hover {
    background: #ddd;
}

.pagination ul li.current a {
    background: #A50F1B;
    color: #fff;
    cursor: default;
    border-color: #A50F1B;
}

.pagination ul span.current {
    background: #A50F1B;
    color: #fff;
    cursor: default;
    border-color: #A50F1B;
}

.titlesubname {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.875rem;
    color: #fff;
    font-weight: 300;
    padding-top: 0.625rem;
}

.course_bottom_header {
    position: absolute;
    bottom: 0.938rem;
    left: 0;
    right: 0;
    z-index: 3;
}

.course_bottom_header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.backbtn_course a {
    border: solid 2px #fff;
    border-radius: 0.5rem;
    color: #fff;
    padding: 0.313rem 1.625rem 0.313rem 3rem;
    background: url(../images/back_arrow.svg) 1.125rem center no-repeat;
}

.course_web div {
    display: inline-block;
    color: #fff;
    font-size: 1.125rem;
}

.course_web div img {
    margin-right: 0.375rem;
}

.course_web div+div {
    margin-left: 2.5rem;
}

.course_web div a {
    color: inherit;
}

.course_details.inner-banner {
    min-height: 31.25rem;
}

.course_menus {
    display: block;
    width: 100%;
    background: #fff;
    padding: 1.25rem 0 0 0;
    border-bottom: solid 2px #E3E3E3;
}

.course_menus ul {
    padding-left: 5rem;
    padding-right: 5rem;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-bottom: -2px;
}

.course_menus ul li {
    display: inline-block;
}

.course_menus ul li a {
    display: inline-block;
    padding: 1.25rem 1.25rem 1rem 1.25rem;
    font-size: 1.125rem;
    font-weight: 600;
    border-bottom: solid 3px transparent;
}

.course_menus ul li a:hover,
.course_menus ul li.active a,
.course_menus ul li a.active {
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}

.course_block {
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 0.5rem;
    padding: 1.875rem;
    margin-bottom: 1.25rem;
    position: relative;
}

.course_block h3 {
    display: block;
    font-size: 1.875rem;
    margin-bottom: 0.938rem;
}

.aboutcourse {
    display: block;
    font-size: 1.125rem;
}

.aboutcourse p {
    display: inline;
    color: #2C2C2C;
}

.aboutcourse p.extra_content {
    display: none;
}

.aboutcourse span {
    display: inline;
    color: #A50F1B;
    cursor: pointer;
    padding-left: 0.625rem;
    font-size: 1rem;
    font-weight: 600;
}

.seeless {
    display: none !important
}

.mores .seeless {
    display: inline !important
}

.mores p.extra_content {
    display: inline;
}

.mores .seemore {
    display: none !important;
}

.newbadge {
    background: #14A50F;
    font-size: 0.813rem;
    border-radius: 3.125rem;
    color: #fff;
    display: inline-block;
    padding: 0.25rem 0.875rem;
    line-height: normal;
    position: absolute;
    right: 1.563rem;
    top: 1.563rem;
}

.coursedeta_list {
    display: block;
    width: 100%;
}

.coursedeta_list ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.coursedeta_list ul li {
    padding: 0 0.5rem;
}

.coursedeta_list ul li:first-child {
    padding-left: 0;
}

.coursedeta_list ul li:last-child {
    padding-right: 0;
}

.coursedeta_list ul li span {
    font-size: 1rem;
    color: #5B5B5B;
    display: block;
}

.coursedeta_list ul li strong {
    font-size: 1.25rem;
    padding-top: 0.75rem;
    font-weight: 600;
}

.features_list {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: solid 1px #E3E3E3;
    padding-bottom: 0.938rem;
    margin-bottom: 0.938rem;
}

.features_list:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.features_list label {
    font-size: 1.25rem;
    padding-right: 1.25rem;
    width: 50%;
}

.features_list span {
    font-size: 1.125rem;
    max-width: 60%;
    text-align: right;
    font-weight: 300;
    line-height: normal;
}

.maplocation {
    background: url(../images/locationicon.svg) left top no-repeat;
    padding-left: 1.875rem;
    font-weight: 300;
    background-size: 1.3rem auto;
}

.map_iframe {
    display: block;
    width: 100%;
    margin-top: 1.25rem;
}

.map_iframe iframe {
    width: 100% !important;
    height: 20.625rem !important;
    border-radius: 0.5rem;
    border: 0;
}

.searchform {
    display: inline-block;
    margin-left: 1.25rem;
    margin-top: 2px;
}

.sbox input[type="text"] {
    width: 11.875rem;
    height: 2.5rem;
    border-radius: 3.125rem;
    padding: 0 1.875rem 0 0.875rem;
    background: #fff url(../images/search.svg) 92% center no-repeat;
    border: solid 1px #D9D9D9;
    font-size: 0.938rem;
    outline: none;
}

.offcanvas-start.flex_direction {
    flex-direction: row;
}

.studypage h2 {
    font-weight: 700;
    font-size: 1.875rem;
    margin-bottom: 1.563rem;
}

.img_deatination {
    float: right;
}

.img_deatination img {
    border-radius: 0.5rem;
}

.studypage h3 {
    font-size: 1.563rem;
}

.explore_course_section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border: solid 1px #B8B8B8;
    border-radius: 0.625rem;
    padding: 1.563rem 1.875rem;
    flex-wrap: wrap;
}

.explore_course_section span {
    font-size: 1.875rem;
    min-height: 4.125rem;
    background: url(../images/explore_icon.svg) left center no-repeat;
    padding-left: 5.375rem;
    padding-top: 0.688rem;
    background-size: 4rem auto;
}

.blogs_all .slider-1-box .info-box {
    padding: 0;
    padding-top: 1.875rem;
}

.blogs_all .slider-1-box {
    box-shadow: none;
}

.blogs_all .slider-1-box .info-box h3 {
    font-size: 1.5rem;
    font-weight: 500;
    text-align: left;
}

.blogs_all .slider-1-box .info-box .btn {
    margin-top: 0 !important;
}

.modal-header {
    border-radius: 0;
    background: #F6F6F6;
    border: 0;
    padding: 1.25rem 1.563rem;
}

.modal-dialog,
.modal-body,
.modal-content {
    border-radius: 0;
    border: 0;
}

.modal-title {
    font-size: 1.625rem;
}

.modal-body {
    padding: 1.25rem 1.563rem;
}

.modal-body .form-1 textarea.form-control {
    height: 7.5rem;
}

.form_bg {
    background: #F6F6F6 url(../images/form_bg.png) top center no-repeat;
    background-size: cover;
}

.single_form {
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 0.625rem;
    padding: 2.188rem;
    box-shadow: 0 0.375rem 0.625rem rgba(0, 0, 0, 0.1);
    max-width: 45.25rem;
    margin-left: auto;
    margin-right: auto;
}

.bakbtn.btn.btn-outline-secondary {
    position: absolute;
    left: 0;
    border: 1.5px solid #e0e0e0;
    color: #2C2C2C;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.bakbtn.btn.btn-outline-secondary:hover {
    background: #ddd;
}

.relative {
    position: relative;
}

.scores {
    display: block;
    clear: both;
    width: 100%;
}

.scores ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.scores ul li {
    font-size: 1rem;
    background: #eaecef;
    padding: 0.375rem 0.625rem;
    border: solid 1px #fff;
    flex-grow: 1;
    text-align: center;
}

.scores ul li span {
    display: block;
}

.scores ul li strong {
    display: block;
}

.step-tab {
    display: none;
    width: 100%
}

.steps_frm {
    text-align: center;
    font-weight: 600;
    color: var(--secondary-color);
    font-size: 1.2rem;
    margin-top: 1.2rem;
    margin-bottom: -0.5rem;
}

.inpussec {
    border-radius: 6px;
}

.inpussec .row [class*="col-"] {
    width: 20%;
}

.btnsGroups .btn {
    min-width: 220px;
}

.inpussec .row [class*="col-"] label {
    font-size: 1rem;
}

.provideTitle {
    text-align: center;
    font-size: 1.3rem;
    display: block;
    width: 100%;
    margin-bottom: 0;
}

.provideTitle strong {
    display: block;
    width: 100%
}

.box_headerPart {
    display: block;
    padding: 2.5rem 3.125rem;
    background: #f4f7f8;
    margin: -2.5rem -3.125rem 2.5rem -3.125rem;
    border-radius: 0.5rem 0.5rem 0 0;
}

.wpcf7-not-valid-tip,
label.error {
    font-size: 14px;
    color: #dc3232;
}

.error {
    margin: 0;
    padding: 0;
    display: block;
}

.wpcf7 form .wpcf7-response-output {
    text-align: center;
    line-height: normal;
    border-radius: 5px;
    font-size: 1.2rem;
    padding: 10px;
    margin-left: 0;
    margin-right: 0;
}

.wpcf7 form.sent .wpcf7-response-output {
    background: #ecfbee;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    background: #fff9ea;
}

.form-1 .form-check-input[type=checkbox]+label.error {
    display: none !important;
}

.form-1 .form-check-input.error {
    margin-top: .25em;
    vertical-align: top;
    border-color: #dc3232;
}

.speak_links {
    display: block;
}

.speak_links a {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    position: relative;
}

.speak_links a+a {
    margin-left: 30px;
}

.speak_links a img {
    max-height: 100%;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.speak_links a:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}

.top-footer .textwidget .ico-sec .me-2 {
    margin-top: .2rem !important;
}

.cyan-box {
    background-color: #F2F8FF;
    border-radius: 1.25rem;
    padding: 3rem 1.25rem;
    width: 100%
}

.cyan-box p {
    font-size: 1.1rem
}

.backbtn_course a {
    white-space: nowrap;
}

.course_bottom_header .course_web {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.video-room {
    width: 100%;
    background-color: #2c2c2c;
    height: 75vh;
    border-radius: 1.25rem;
    overflow: hidden;
    position: relative;
    box-shadow: 0 33px 46px rgba(0, 0, 0, 0.24);
    margin-bottom: 1.25rem
}

.video-room .video-apponent {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.video-room .video-apponent div,
.video-room .video-apponent img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.video-room .video-time {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.21);
    padding: 1.125rem 1.563rem;
    display: flex;
    align-items: center;
    border-radius: 1.25rem;
    position: absolute;
    z-index: 9;
    top: 1.375rem;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    color: #ffffff;
    font-size: 1.125rem
}

.video-room .video-time:before {
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background-color: #FC4C4B;
    border: 6px solid #ffffff;
    margin-right: 1.2rem;
}

.video-room .zoom-video {
    position: absolute;
    cursor: pointer;
    top: 1.875rem;
    right: 1.875rem;
    z-index: 9;
}

.video-room .video-controls {
    position: static;
}

.video-room .call-options {
    display: inline-block;
    padding: 1.25rem 5rem;
    border-radius: 1.25rem;
    background-color: rgba(26, 29, 32, .56);
    bottom: 1.563rem;
    z-index: 9;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.video-room .call-options ul li {
    padding: 0 2.188rem
}

.video-room .call-options ul {
    margin: 0 -2.188rem;
    display: flex;
    align-items: center;
}

.video-room .call-options button {
    background-color: transparent;
    border: 0;
    outline: 0;
    box-shadow: none;
}

.video-room .call-options .call-option-1 {
    background-color: rgba(255, 255, 255, 0.24);
    height: 3.625rem;
    width: 3.625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1.5rem;
    padding: .5rem
}

.video-room .call-options .call-option-2 {
    background-color: #FC4C4B;
    height: 4.875rem;
    width: 4.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2.125rem;
    padding: .5rem
}

.video-room .video-self {
    width: 14.438rem;
    height: 19rem;
    border-radius: 1.25rem;
    position: absolute;
    z-index: 9;
    bottom: 1.563rem;
    right: 1.875rem;
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: 0 33px 46px rgba(0, 0, 0, 0.24)
}

.video-room .video-self div,
.video-room .video-self img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.video-room .call-options img {
    max-height: 80%;
    max-width: 80%
}

.img_aboutRight {
    float: right;
    margin: 0 0 10px 15px;
}

body .chosen-container-single .chosen-single {
    height: 3.25rem;
    border-radius: 0.5rem;
    font-size: 1.125rem;
    padding: .7rem 1.25rem;
    background: #fff;
    line-height: inherit;
    border: 1px solid #ced4da;
    box-shadow: none;
}

body .chosen-container-active.chosen-with-drop .chosen-single {
    background: #fff !important;
}

body .chosen-container-single .chosen-single div b {
    background: url(../images/s_arrow.svg) left center no-repeat !important;
}

body .chosen-container-single .chosen-single div {
    width: 24px;
}

.values__bo .grid-box .img-sec {
    display: inline-block;
}

.values__bo .grid-box h3 {
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
    padding-top: 1rem;
}

.values__bo .grid-box p {
    margin-bottom: 10px;
}

.values__bo .grid-box p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 576px) {
    .values__bo .grid-box h3 {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-top: 0;
    }
}

.faq_questions .accordion .accordion-item .accordion-body a {
    color: #a50f1b;
    text-decoration: underline;
}

.faq_questions .accordion .accordion-item .accordion-header .accordion-button {
    padding: 0.9rem 1.25rem;
    font-size: 1.25rem;
}

@media screen and (min-width: 992px) {
    .top-footer .row.gy-4 .col-md-7 .row.gy-4 .col-lg-3:nth-of-type(3n) {
        width: 20%;
    }
    .top-footer .row.gy-4 .col-md-7 .row.gy-4 .col-lg-3:nth-of-type(4n) {
        width: 30%;
    }
}

.subtext {
    display: block;
    font-size: 80%;
    opacity: 0.65;
    clear: both;
    margin: -3px 0 4px 0px;
}


/* blogs */
.blog-section {
    padding: 4.375rem 0;
    padding-bottom: 1.5rem;
}
.blog-section .content-wrapper {
    max-width: 75rem;
    padding: 0 .938rem;
    margin: 0 auto;
}
.blog-section .content-wrapper .row {
    margin: 0 -3.75rem;
    display: flex;
    flex-wrap: wrap;
}
.blog-index__post .blog-index__post-inner h2 {
    font-size: 1.875rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
    color: rgba(44, 44, 44, 1.0);
    font-family: 'Messina Sans', sans-serif;
}
.blog-index__post .blog-info-1 {
    margin-bottom: 1rem;
    display: flex;
}
.blog-index__post .blog-info-1 .blog-profile {
    display: flex;
    align-items: center;
}
.blog-index__post .right-sec .title-1 {
    color: #565758;
    font-weight: 600;
    font-size: 1.125rem;
}
.blog-index__post .right-sec .blog_meta .date {
    margin-right: 1rem;
}
.blog-index__post .right-sec .blog_meta .bookmark-sec {
    display: flex;
    align-items: center;
}

.blog-index__post .blog-image {
    overflow: hidden;
    width: 100%;
    margin-bottom: 1.25rem;
    max-height: 21.875rem;
}
.blog-index__post .blog-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.bottom-banner-small {
    width: 100%;
    position: relative;
    z-index: 9;
    margin-top: -2.313rem;
}
.course_list {
    margin-bottom: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    background: #fff;
    border-radius: 0;
    padding: 1.875rem;
}
.course_img_part {
    width: 20.313rem;
}
.course_img_part img {
    width: 100%;
    height: 13.75rem;
    object-fit: cover;
}
.course_info_part {
    width: 70%;
    padding-left: 1.875rem;
    position: relative;
}
.course_titlePart {
    display: block;
}
.me-auto {
    margin-right: auto !important;
}
.flex-fill {
    flex: 1 1 auto !important;
}
.course_titlePart h3 {
    display: block;
    font-size: 1.625rem;
    font-weight: 600;
    margin-bottom: 2px;
}
.course_titlePart span {
    display: inline-block;
    font-size: 1.125rem;
}
.course_titlePart strong {
    display: inline-block;
    font-size: 1.063rem;
    padding-left: 1.625rem;
    margin-left: 0.938rem;
    background: url(../images/course_location.svg) 0 0 no-repeat;
    background-size: 1.4rem auto;
}

.listinfos {
    display: block;
    width: 100%;
    clear: both;
    margin-top: 1.563rem;
    border-bottom: solid 1px #E6E6E6;
}
.listinfos ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.listinfos ul li:first-child {
    padding-left: 0;
}
.listinfos ul li {
    padding: 0 1.25rem 1.25rem 1.25rem;
    background: url(../images/list_bg.svg) right bottom no-repeat;
    font-size: 1rem;
    flex-grow: 1;
}
.listinfos ul li span {
    display: block;
    width: 100%;
}
.bottomcourselist {
    display: block;
    width: 100%;
    font-size: 1rem;
    margin-top: 0.938rem;
}
.bottomcourselist label {
    font-size: 0.938rem;
    font-weight: 600;
    width: 100%;
    display: block;
    padding-bottom: 3px;
}
.bottomcourselist div {
    display: inline-block;
}

.whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    color: white;
    padding: 15px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s, transform 0.3s;
    display: flex;
    align-items: center;
    z-index: 999;
    visibility: hidden; /* Initially hidden */
    opacity: 0; /* Initially transparent */
    transition: opacity 0.5s ease-in-out;
}

.whatsapp-button img {
    margin-right: 10px;
    width: 24px;
    height: 24px;
}

.whatsapp-button span {
    display: none; /* Initially hidden */
}

.whatsapp-button:hover {
    background-color: #1DA851;
    color: #fff;
    transform: scale(1.05);
}

.whatsapp-button:hover span {
    display: inline; /* Show text on hover */
}